// components/custom05/custom05.js

const mybehavior = require('../../behavior/mybehavior')

Component({
    behaviors:[mybehavior],
    /**
     * 组件的属性列表
     */
    properties: {
      tabs: {
        type: Array,
        value: []
      },
      current: {
        type: Number,
        value: 0
      }
    },

    /**
     * 组件的初始数据
     */
    data: {
      tabList: [],
      tabCurrent: 0
    },

    /***
     * 监听数据的变化
     */
    observers: {

      'tabs,current': function(tabs,current){
        this.setData({
          tabList: tabs,
          tabCurrent: current
        })
      }


    },

    /***
     * 组件所在页面的生命周期
     */
    pageLifetimes:{
      // 组件在页面中展示的时候调用
      show: function() {
        console.dir("show");
      },
      // 组件所在页面中隐藏的时候调用
      hide: function() {
        console.dir("hide");
      },
      // 页面尺寸发生变化的时候
      resize: function(size) {
        console.dir("resize");
      }
    },

    /***
     * 组件的生命周期
     */
    lifetimes:{
      created(){
        console.log('created')
      },
      attached(){
        console.log('attached')
      }


    },



    /**
     * 组件的方法列表
     */
    methods: {
      swiperChange(e){
        this.setData({
          tabCurrent: e.detail.current
        })
      },
      clickItem(e){
        console.log(e);
        this.setData({
          tabCurrent: e.currentTarget.dataset.index
        })
      }
    }
})